<?xml version='1.0' encoding='ISO-8859-1' ?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:jb="http://java.sun.com/jsf/composite/componentes"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"            
      xmlns:p="http://primefaces.org/ui">

        <ui:composition template="/pages/core/plantilla/plantillaPrincipal.xhtml">
        <ui:define name="contenido">                 
            <h:form onsubmit="return checkSubmit();"  id="frmPrincipal">          
                <p:tabView id="tviPrincipal" styleClass="estiloPanel" >                    
                    <p:tab title="#{i18n['form.general.tab.principal']}" id="tabPrincipal">                    
                    <h:outputLabel value="#{i18n['encuesta.panel']}" styleClass="subTitulo"/>
                    <p:separator />
                    <h:panelGrid id="pgFormDto" columns="6" cellpadding="4">                                       
                        
                        <h:outputLabel value="#{i18n['general.label.id']}" styleClass="label" rendered="#{sessionMBean.accion != 1}"/>
                        <h:outputText value="#{encuestaMBean.dto.id}" rendered="#{sessionMBean.accion != 1}" style="#{applicationMBean.estiloObligatorio}"/>
                        
                        <h:outputLabel value="#{i18n['encuesta.label.nombre']}" styleClass="label"/>
                        <p:inputText label="#{i18n['encuesta.label.nombre']}"
                                     value="#{encuestaMBean.dto.nombre}"  readonly="#{!(sessionMBean.accion != 3 and encuestaMBean.dto.estadoDto.id == 40501)}"
                                     required="true" size="50" onkeypress="return fn_validaTecla('alfanumericoypuntoyblanco',this)"
                                     style="#{applicationMBean.estiloObligatorio}">
                            <f:validateLength maximum="100" minimum="5" />
                        </p:inputText>
                        
                        <h:outputLabel value="#{i18n['encuesta.label.titulo']}" styleClass="label"/>
                        <p:inputText label="#{i18n['encuesta.label.titulo']}"
                                     value="#{encuestaMBean.dto.titulo}"  readonly="#{!(sessionMBean.accion != 3 and encuestaMBean.dto.estadoDto.id == 40501)}"
                                     required="true" size="50" onkeypress="return fn_validaTecla('alfanumericoypuntoyblanco',this)"
                                     style="#{applicationMBean.estiloObligatorio}">
                            <f:validateLength maximum="250" minimum="5" />
                        </p:inputText>
                        
                        <h:outputLabel styleClass="label" value="#{i18n['encuesta.label.estado']}"/>
                        <p:selectOneMenu value="#{encuestaMBean.dto.estadoDto}"  converter="parametroConvert" style="#{applicationMBean.estiloObligatorio}" disabled="true">
                            <f:selectItems value="#{encuestaMBean.listaEstados}" var="parametroDto" itemLabel="#{parametroDto.descripcion}" itemValue="#{parametroDto}" />                        
                        </p:selectOneMenu>
                        
                        <h:outputLabel value="#{i18n['encuesta.label.fechainicio']}" styleClass="label"/>
                        <p:calendar value="#{encuestaMBean.dto.fechaInicio}" label="#{i18n['encuesta.label.fechainicio']}" 
                                    pattern="#{applicationMBean.formatoFecha}"  required="true"
                                    style="#{applicationMBean.estiloObligatorio}" disabled="#{!(sessionMBean.accion != 3 and encuestaMBean.dto.estadoDto.id == 40501)}">
                            <f:convertDateTime pattern="#{applicationMBean.formatoFecha}" timeZone="#{applicationMBean.timeZone}"/>
                        </p:calendar>
                        
                        <h:outputLabel value="#{i18n['encuesta.label.fechafin']}" styleClass="label"/>
                        <p:calendar value="#{encuestaMBean.dto.fechaFin}" label="#{i18n['encuesta.label.fechafin']}" 
                                    pattern="#{applicationMBean.formatoFecha}"  required="true"
                                    style="#{applicationMBean.estiloObligatorio}" disabled="#{!(sessionMBean.accion != 3 and encuestaMBean.dto.estadoDto.id == 40501)}">
                            <f:convertDateTime pattern="#{applicationMBean.formatoFecha}" timeZone="#{applicationMBean.timeZone}"/>
                        </p:calendar>
                        
                        <h:outputLabel value="#{i18n['encuesta.label.anonima']}" styleClass="label"/>
                        <p:selectBooleanCheckbox value="#{encuestaMBean.dto.esAnonima}"  disabled="#{!(sessionMBean.accion != 3 and encuestaMBean.dto.estadoDto.id == 40501)}" />
                        
                        <h:outputLabel value="#{i18n['encuesta.label.descripcion']}" styleClass="label"/>
                        <p:inputText label="#{i18n['encuesta.label.descripcion']}"
                                     value="#{encuestaMBean.dto.descripcion}"  readonly="#{!(sessionMBean.accion != 3 and encuestaMBean.dto.estadoDto.id == 40501)}"
                                     required="true" size="50" onkeypress="return fn_validaTecla('alfanumericoypuntoyblanco',this)"
                                     style="#{applicationMBean.estiloObligatorio}">
                            <f:validateLength maximum="200" minimum="5" />
                        </p:inputText>
                    </h:panelGrid>                    
                    </p:tab>
                    <p:tab title="#{i18n['form.encuesta.tab.preguntas']}" id="tabPreguntas" rendered="#{encuestaMBean.dto.id!=null}">                        
                        <h:panelGrid columns="1">
                        <p:dataTable id="tblPreguntas" var="dto" 
                                     widgetVar="widTable" rowIndexVar="contIndex"
                                    emptyMessage="#{i18n['form.general.mensaje.no.registros']}" styleClass="estiloPanel"                            
                                    paginator="true" rows="#{sessionMBean.cantidadRegistros}"
                                    value="#{encuestaMBean.dto.listaPreguntas}">
                            <f:facet name="header">
                                <p:outputPanel>                                                                                         
                                    <p:commandButton ajax="true" update=":msgs,:dialogPregunta"
                                                     immediate="true"
                                                    rendered="#{sessionMBean.accion != 3 and encuestaMBean.dto.estadoDto.id == 40501}"
                                                    action="#{encuestaMBean.agregarPregunta}" style="#{applicationMBean.cssBotonNuevo}"
                                                    value="#{i18n['form.encuesta.agregar.pregunta']}"
                                                    oncomplete="preguntaDialog.show()">                                                
                                    </p:commandButton>
                                </p:outputPanel>
                            </f:facet>
                            <p:column style="text-align:center;">
                                <h:panelGrid id="pgBotonesGrilla" columns="10" cellspacing="10" styleClass="estiloPanelGrid">
                                    <p:commandButton icon="ui-icon ui-icon-search" title="#{i18n['general.button.ver.tip']}"
                                                     action="#{encuestaMBean.verPregunta}" ajax="true"
                                                     update=":dialogPregunta"
                                                     oncomplete="preguntaDialog.show()">
                                        <f:setPropertyActionListener value="#{dto}" target="#{encuestaMBean.preguntaDto}" />                                                                    
                                    </p:commandButton>

                                    <p:commandButton icon="ui-icon ui-icon-pencil" title="#{i18n['general.button.editar.tip']}"
                                                     action="#{encuestaMBean.editarPregunta}" ajax="true"
                                                     update=":dialogPregunta"
                                                     rendered="#{sessionMBean.accion != 3 and encuestaMBean.dto.estadoDto.id == 40501}"
                                                     oncomplete="preguntaDialog.show()">
                                        <f:setPropertyActionListener value="#{dto}" target="#{encuestaMBean.preguntaDto}" />                                                                    
                                    </p:commandButton>
                                    <p:commandButton icon="ui-icon ui-icon-trash" title="#{i18n['general.button.eliminar.tip']}" immediate="true"
                                                 onclick="return confirm(#{i18n['encuesta.mensaje.confirmacion.eliminar']});"
                                                 action="#{encuestaMBean.eliminarPregunta}" ajax="true"
                                                 rendered="#{sessionMBean.accion != 3 and encuestaMBean.dto.estadoDto.id == 40501}"
                                                 update=":frmPrincipal:tviPrincipal:tblPreguntas">
                                        <f:setPropertyActionListener value="#{contIndex}" target="#{encuestaMBean.contIndex}" />                                                                    
                                    </p:commandButton>
                                </h:panelGrid>
                            </p:column>
                            <p:column headerText="#{i18n['general.label.id']}">                                      
                                <h:outputText value="#{dto.id}" style="text-align: center"/>  
                            </p:column>
                            <p:column headerText="#{i18n['pregunta.label.orden']}">                                      
                                <h:outputText value="#{dto.orden}" style="text-align: center"/>  
                            </p:column>
                            <p:column headerText="#{i18n['pregunta.label.detalle']}">                                      
                                <h:outputText value="#{dto.detalle}" style="text-align: center"/>  
                            </p:column>
                            <p:column headerText="#{i18n['pregunta.label.estado']}">                                      
                                <h:outputText value="#{dto.estadoDto.descripcion}" style="text-align: center"/>  
                            </p:column>
                            <p:column headerText="#{i18n['pregunta.label.tipo']}">                                      
                                <h:outputText value="#{dto.tipoPreguntaDto.descripcion}" style="text-align: center"/>  
                            </p:column>
                            <p:column headerText="#{i18n['pregunta.label.obligatorio']}">                                
                                <p:selectBooleanCheckbox value="#{dto.esObligatorio}"  disabled="true" />
                            </p:column>
                            <p:column headerText="#{i18n['pregunta.label.aleatorio']}">                                
                                <p:selectBooleanCheckbox value="#{dto.esAleatorio}"  disabled="true" />
                            </p:column>
                            <p:column headerText="#{i18n['pregunta.label.pivot']}">                                
                                <p:selectBooleanCheckbox value="#{dto.esPivot}"  disabled="true" />
                            </p:column>
                            
                        </p:dataTable>
                        </h:panelGrid>
                    </p:tab>
                    <p:tab title="#{i18n['form.encuesta.tab.encuestados']}" id="tabEncuestados" rendered="#{encuestaMBean.dto.id!=null}">                        
                        <h:panelGrid columns="1">
                        <p:dataTable id="tblEncuestados" var="dto" 
                                     widgetVar="widTable" rowIndexVar="contIndex"
                                    emptyMessage="#{i18n['form.general.mensaje.no.registros']}" styleClass="estiloPanel"                            
                                    paginator="true" rows="#{sessionMBean.cantidadRegistros}"
                                    value="#{encuestaMBean.dto.listaEncuestados}">
                            <f:facet name="header">
                                <p:outputPanel>                                                                                         
                                    <p:commandButton ajax="true" update=":msgs,:frmPersonas:dialogPersonas"
                                                     immediate="true"
                                                    rendered="#{sessionMBean.accion != 3 and encuestaMBean.dto.estadoDto.id == 40501}"
                                                    action="#{encuestaMBean.agregarEncuestado}" style="#{applicationMBean.cssBotonNuevo}"
                                                    value="#{i18n['form.encuesta.agregar.encuestado']}"
                                                    oncomplete="carDialogAgregarEncuestado.show()">                                                
                                    </p:commandButton>
                                </p:outputPanel>
                            </f:facet>
                            <p:column style="text-align:center;">
                                <h:panelGrid id="pgBotonesGrilla" columns="10" cellspacing="10" styleClass="estiloPanelGrid">                                    
                                    <p:commandButton icon="ui-icon ui-icon-trash" title="#{i18n['general.button.eliminar.tip']}" immediate="true"
                                                 onclick="return confirm(#{i18n['encuestado.mensaje.confirmacion.eliminar']});"
                                                 rendered="#{sessionMBean.accion != 3 and encuestaMBean.dto.estadoDto.id == 40501}"
                                                 action="#{encuestaMBean.eliminarEncuestado}" ajax="true" 
                                                 update=":frmPrincipal:tviPrincipal:tblEncuestados">
                                        <f:setPropertyActionListener value="#{contIndex}" target="#{encuestaMBean.contIndex}" />                                                                    
                                    </p:commandButton>
                                </h:panelGrid>
                            </p:column>                            
                            <p:column headerText="#{i18n['encuestado.label.numerodocumento']}">                                      
                                <h:outputText value="#{dto.personaDto.numeroDocumento}" style="text-align: center"/>  
                            </p:column>
                            <p:column headerText="#{i18n['encuestado.label.nombrecompleto']}">                                      
                                <h:outputText value="#{dto.personaDto.nombreCompleto}" style="text-align: center"/>  
                            </p:column>                            
                            
                        </p:dataTable>
                        </h:panelGrid>
                    </p:tab>
                </p:tabView>    
                <p:panel id="pnlAcciones">
                    <h:panelGrid columns="10">                        
                        <p:commandButton title="#{i18n['general.button.guardar.tip']}" accesskey="#{applicationMBean.keyGuardar}" ajax="false"
                                         icon="ui-icon ui-icon-disk" rendered="#{sessionMBean.accion != 3 and encuestaMBean.dto.estadoDto.id == 40501}"
                                         onclick="return confirm('#{i18n.general_mensaje_confirmacion}');"
                                         value="#{i18n['general.button.guardar']}" style="#{applicationMBean.cssBotonTransaccion}"
                                         action="#{encuestaMBean.guardar}">                                    
                        </p:commandButton>
                        <p:commandButton title="#{i18n['form.encuesta.button.publicar.tip']}" accesskey="#{applicationMBean.keyGuardar}" ajax="false"
                                         icon="ui-icon ui-icon-disk" rendered="#{sessionMBean.accion != 3 and encuestaMBean.dto.estadoDto.id == 40501}"
                                         onclick="return confirm('#{i18n.general_mensaje_confirmacion}');"
                                         value="#{i18n['form.encuesta.button.publicar']}" style="#{applicationMBean.cssBotonTransaccion}"
                                         action="#{encuestaMBean.publicar}">                                    
                        </p:commandButton>
                        <p:commandButton title="#{i18n['form.encuesta.button.finalizar.tip']}" accesskey="#{applicationMBean.keyGuardar}" ajax="false"
                                         icon="ui-icon ui-icon-disk" rendered="#{sessionMBean.accion != 3 and encuestaMBean.dto.estadoDto.id == 40511}"
                                         onclick="return confirm('#{i18n.general_mensaje_confirmacion}');"
                                         value="#{i18n['form.encuesta.button.finalizar']}" style="#{applicationMBean.cssBotonTransaccion}"
                                         action="#{encuestaMBean.finalizar}">                                    
                        </p:commandButton>
                        
                         <p:commandButton title="#{i18n['general.button.atras.tip']}" accesskey="#{applicationMBean.keyRetroceder}" ajax="false"
                                         icon="ui-icon ui-icon-arrowreturnthick-1-w" immediate="true" 
                                         value="#{i18n['general.button.atras']}" style="#{applicationMBean.cssBotonAtras}"
                                         action="#{encuestaMBean.retroceder}">                                    
                        </p:commandButton>  
                    </h:panelGrid>
                </p:panel>
            </h:form>            
                
                    <p:dialog id="dialogPregunta" header="#{i18n['form.encuesta.agregar.pregunta']}" widgetVar="preguntaDialog" resizable="false" modal="true">
                        <p:panel id="pnlPrincipal" style="#{applicationMBean.estiloTitulo}">
                        <p:messages id="msgsDialog" showDetail="false" autoUpdate="true" />
                        <h:form onsubmit="return checkSubmit();"  id="frmPregunta">    
                        <h:panelGrid id="pgFormPreguntaDto" columns="4" cellpadding="4">
                            
                            <h:outputLabel value="#{i18n['pregunta.label.categoria']}" styleClass="label"/>
                            <p:autoComplete id="idPersonaNombre" value="#{encuestaMBean.preguntaDto.subCategoriaDto}" completeMethod="#{applicationMBean.autoCompletarCategoriasPreguntas}"
                                            label="#{i18n['pregunta.label.categoria']}" required="true" readonly="#{encuestaMBean.accionPregunta == 3}"
                                            maxResults="10" minQueryLength="3" queryDelay="1"  forceSelection="true"
                                            converter="parametroConvert" var="sn" 
                                            itemLabel="#{sn.parametroPadreDto.descripcion} - #{sn.descripcion}" 
                                            itemValue="#{sn}" size="60">                              
                                <p:ajax event="itemSelect" listener="#{encuestaMBean.handleSelectCategoria}" immediate="true"/>                                
                            </p:autoComplete>
                            <h:outputLabel />
                            <h:outputLabel />
                            
                            <h:outputLabel value="#{i18n['pregunta.label.detalle']}" styleClass="label"/>
                            <p:inputText label="#{i18n['pregunta.label.detalle']}"
                                         value="#{encuestaMBean.preguntaDto.detalle}"  readonly="#{encuestaMBean.accionPregunta == 3}"
                                     required="true" size="50" onkeypress="return fn_validaTecla('alfanumericoypuntoyblanco',this)"
                                     style="#{applicationMBean.estiloObligatorio}">
                            <f:validateLength maximum="250" minimum="2" />
                            </p:inputText>
                            
                            <h:outputLabel styleClass="label" value="#{i18n['pregunta.label.estado']}"/>
                            <p:selectOneMenu value="#{encuestaMBean.preguntaDto.estadoDto}"  converter="parametroConvert" style="#{applicationMBean.estiloObligatorio}" disabled="#{encuestaMBean.accionPregunta == 3}">
                                <f:selectItems value="#{encuestaMBean.listaEstadosPregunta}" var="parametroDto" itemLabel="#{parametroDto.descripcion}" itemValue="#{parametroDto}" />                        
                            </p:selectOneMenu>
                            
                            <h:outputLabel styleClass="label" value="#{i18n['pregunta.label.tipo']}"/>
                            <p:selectOneMenu value="#{encuestaMBean.preguntaDto.tipoPreguntaDto}"
                                             converter="parametroConvert" style="#{applicationMBean.estiloObligatorio}" 
                                             disabled="#{encuestaMBean.accionPregunta == 3}"
                                              >                                
                                <f:selectItems value="#{encuestaMBean.listaTiposPregunta}" var="parametroDto" itemLabel="#{parametroDto.descripcion}" itemValue="#{parametroDto}" />                        
                                <p:ajax listener="#{encuestaMBean.cambiarTipoPregunta}" update=":pnlOpcionesRespuesta,:frmPregunta:pnlOpcDefault" immediate="true" >                                    
                                </p:ajax>
                            </p:selectOneMenu>
                            
                            <h:outputLabel value="#{i18n['pregunta.label.obligatorio']}" styleClass="label"/>
                            <p:selectBooleanCheckbox value="#{encuestaMBean.preguntaDto.esObligatorio}"  disabled="#{encuestaMBean.accionPregunta == 3}" />
                            
                            <h:outputLabel value="#{i18n['pregunta.label.descripcion']}" styleClass="label"/>
                            <p:inputText label="#{i18n['pregunta.label.descripcion']}"
                                         value="#{encuestaMBean.preguntaDto.descripcion}"  readonly="#{encuestaMBean.accionPregunta == 3}"
                                     size="50" onkeypress="return fn_validaTecla('alfanumericoypuntoyblanco',this)"
                                     style="#{applicationMBean.estiloObligatorio}">
                            <f:validateLength maximum="250" />
                            </p:inputText>
                            
                            <h:outputLabel value="#{i18n['pregunta.label.aleatorio']}" styleClass="label"/>
                            <p:selectBooleanCheckbox value="#{encuestaMBean.preguntaDto.esAleatorio}"  disabled="#{encuestaMBean.accionPregunta == 3}">
                            </p:selectBooleanCheckbox>
                            
                            <h:outputLabel value="#{i18n['pregunta.label.pivot']}" styleClass="label"/>
                            <p:selectBooleanCheckbox value="#{encuestaMBean.preguntaDto.esPivot}"  disabled="#{encuestaMBean.accionPregunta == 3}">
                            </p:selectBooleanCheckbox>
                            
                            <h:panelGrid id="pnlOpcDefault" columns="2">
                            <h:outputLabel value="#{i18n['pregunta.label.opciones.default']}" styleClass="label"                                           
                                           rendered="#{encuestaMBean.preguntaDto.tipoPreguntaDto.id != 40512 and encuestaMBean.accionPregunta != 3}"/>
                            <p:selectBooleanCheckbox value="#{encuestaMBean.preguntaDto.defaultOpciones}"  disabled="#{encuestaMBean.accionPregunta == 3}"
                                                     rendered="#{encuestaMBean.preguntaDto.tipoPreguntaDto.id != 40512 and encuestaMBean.accionPregunta != 3}">
                                <p:ajax listener="#{encuestaMBean.checkDefaultOpciones}" update=":pnlOpcionesRespuesta" immediate="true">
                                </p:ajax>
                            </p:selectBooleanCheckbox>
                            </h:panelGrid>                            
                        </h:panelGrid>
                        <h:panelGrid columns="1">                               
                            <p:commandButton title="#{i18n['general.button.guardar']}" 
                                            ajax="true"
                                            rendered="#{encuestaMBean.accionPregunta != 3}"
                                            style="#{applicationMBean.cssBotonTransaccion}"
                                            value="#{i18n['general.button.guardar']}"
                                            action="#{encuestaMBean.agregarNuevaPregunta}"
                                            oncomplete="handleRequest(xhr, status, args);"
                                            update=":msgs,:frmPrincipal:tviPrincipal:tblPreguntas">
                           </p:commandButton>
                           <script type="text/javascript">
                                function handleRequest(xhr, status, args) {
                                    if (args.ok) {
                                        preguntaDialog.hide();
                                    }
                                }
                            </script>
                        </h:panelGrid>
                        </h:form>
                        <h:panelGrid id="pnlOpcionesRespuesta">
                        <p:panel id="pnlRespuesta" header="#{i18n['opcion.respuesta.label.titulo']}" styleClass="estiloPanel" 
                                 rendered="#{encuestaMBean.preguntaDto.tipoPreguntaDto.id != 40512}">
                        <h:form onsubmit="return checkSubmit();"  id="frmOpciones">
                            <p:panel id="pnlRespuestaDetalle" styleClass="estiloPanel">
                            <h:panelGrid columns="5">
                            <h:outputLabel value="#{i18n['opcion.respuesta.label.detalle']}" styleClass="label"/>
                            <p:inputText label="#{i18n['opcion.respuesta.label.detalle']}"
                                         value="#{encuestaMBean.opcionDto.descripcion}"  readonly="#{sessionMBean.accion == 3}"
                                     required="true" size="50" onkeypress="return fn_validaTecla('alfanumericoypuntoyblanco',this)"
                                     style="#{applicationMBean.estiloObligatorio}">
                            <f:validateLength maximum="200" minimum="3" /> 
                            </p:inputText>
                            
                            <h:outputLabel styleClass="label" value="#{i18n['opcion.respuesta.label.peso']}"/>
                            
                            <p:inputText label="#{i18n['opcion.respuesta.label.peso']}"
                                         value="#{encuestaMBean.opcionDto.peso}"  readonly="#{sessionMBean.accion == 3}"
                                     required="true" size="20" onkeypress="return fn_validaTecla('entero',this)"
                                     style="#{applicationMBean.estiloObligatorio}">
                            <f:validateLength maximum="5" minimum="1" />
                            </p:inputText>                            
                            
                            <p:commandButton ajax="true" update=":msgs,:pnlRespuesta"
                                           rendered="#{encuestaMBean.accionPregunta != 3}"
                                           action="#{encuestaMBean.agregarNuevaOpcionRespuesta}" 
                                           style="#{applicationMBean.cssBotonNuevo}"
                                           value="#{i18n['form.pregunta.aceptar.opcion.respuesta']}">                                                
                           </p:commandButton>
                            </h:panelGrid>
                            </p:panel>
                        </h:form>    
                        <h:panelGrid columns="1">
                        <p:dataTable id="tblRespuestas" var="dto" 
                                     widgetVar="widTableResp" rowIndexVar="contIndexOpciones"
                                    emptyMessage="#{i18n['form.general.mensaje.no.registros']}" styleClass="estiloPanel"
                                    value="#{encuestaMBean.preguntaDto.listaOpcionesResp}">                            
                            <p:column style="text-align:center;">                                                       
                                <p:commandButton icon="ui-icon ui-icon-trash" title="#{i18n['general.button.eliminar.tip']}" immediate="true"
                                             rendered="#{encuestaMBean.accionPregunta != 3}"    
                                             action="#{encuestaMBean.eliminarOpcionRpta}" ajax="true" update=":pnlRespuesta">
                                    <f:setPropertyActionListener value="#{contIndexOpciones}" target="#{encuestaMBean.contIndexOpciones}" />                                                                    
                                </p:commandButton>                                
                            </p:column>
                            <p:column headerText="#{i18n['opcion.respuesta.label.orden']}">
                                <h:outputText value="#{dto.orden}" style="text-align: center"/>
                            </p:column>
                            <p:column headerText="#{i18n['opcion.respuesta.label.detalle']}">
                                <h:outputText value="#{dto.descripcion}" style="text-align: center"/>
                            </p:column>
                            <p:column headerText="#{i18n['opcion.respuesta.label.peso']}">
                                <h:outputText value="#{dto.peso}" style="text-align: center"/>
                            </p:column>                           
                            
                        </p:dataTable>
                        </h:panelGrid>
                        </p:panel>
                        </h:panelGrid>    
                       </p:panel>                             
                    </p:dialog>    
                
            
            <h:form onsubmit="return checkSubmit();"  id="frmPersonas">
                
                    <p:dialog id="dialogPersonas" header="#{i18n['form.general.agregar.producto']}" widgetVar="personasDialog" resizable="false" modal="true">
                        <h:panelGrid id="displayPersonas" columns="2">

                            <h:outputLabel value="#{i18n['encuestado.nombre.label.encuestado']}" styleClass="label"/>
                            <p:autoComplete id="idPersonaNombre" value="#{encuestaMBean.encuestadoDto.personaDto}" completeMethod="#{applicationMBean.autoCompletarPersonaSgc}"
                                            label="#{i18n['encuestado.nombre.label.encuestado']}" required="true" readonly="#{sessionMBean.accion == 3}"
                                            maxResults="10" minQueryLength="5" queryDelay="1"  forceSelection="true"
                                            converter="personaConvert" var="sn" itemLabel="#{sn.nombreCompleto}" itemValue="#{sn}" size="100">                              
                                <p:ajax event="itemSelect" listener="#{encuestaMBean.handleSelectPersona}" immediate="true"/>
                                <p:column style="#{applicationMBean.estiloObligatorio}">  
                                        #{sn.numeroDocumento} || #{sn.nombreCompleto}
                                    </p:column>  
                            </p:autoComplete>

                            <p:commandButton title="#{i18n['general.button.agregar']}" 
                                             icon="ui-icon ui-icon-plus" ajax="true"
                                             value="#{i18n['general.button.agregar']}"
                                             action="#{encuestaMBean.agregarNuevaPersona}" 
                                             oncomplete="personasDialog.hide()"
                                             update=":msgs,:frmPrincipal:tviPrincipal:tblEncuestados">                                    
                            </p:commandButton>

                        </h:panelGrid>  
                    </p:dialog>
                     
                
                
            </h:form>
            <p:dialog id="dialogAgregarEncuestado" header="#{i18n['encuesta.popup.persona.titulo']}" widgetVar="carDialogAgregarEncuestado" resizable="false"  
                      width="1200" height="600" modal="true">  
                    <p:messages id="msjDialogAgregarPost" showDetail="false" autoUpdate="true" />   
                    <ui:include src="/pages/clima/popup/popupEncuestado.xhtml" /> 
                </p:dialog>
        </ui:define>
    </ui:composition>
</html>